<template>
    <div>
        <el-form ref="ruleFormRef" :rules="formRules" :model="newFormInline">
          <el-form-item label="废弃原因:" prop="reason" required>
            <el-input
              v-model="newFormInline.reason"
              maxlength="200"
              :rows="4"
              placeholder="请输入"
              show-word-limit
              type="textarea"
            />    
          </el-form-item>
        </el-form>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { formRules } from "./utils/rule";
interface FormItemProps {
  reason: string;
}
interface FormProps {
  formInline: FormItemProps;
}
const props = withDefaults(defineProps<FormProps>(), {
  formInline: () => ({
    reason: ""
  })
});
const ruleFormRef = ref();
const newFormInline = ref(props.formInline);
</script>

<style lang="less" scoped>

</style>